<%-- 
    Document   : coba
    Created on : 17 Des 12, 20:17:41
    Author     : SONY
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="java.util.ArrayList"%>


<%
    ArrayList<aktor.artikel> vCatalog = new aktor.artikel().getDisplay();
%>
<!DOCTYPE html>
<html>
    <head>
        <title>HomePage</title>
        <style>
            #main{
                background:GRAY;
                border: solid;
                color: black;
                font-weight: bold;
                padding-left:0px;
                padding-right:0px;
                margin-top: 0px;
                margin-left:250px;
                margin-right:210px;
                margin-bottom:0px;
            }
            #menuhor{
                list-style-type: none;
                width: 900x;
                margin: 25;
                padding: 25;
                height: 50px;
                background-color: brown;
                float: center;

            }
            #menuhor li {
                margin: 0;
                padding: 0;
                float: left;
                text-align: center;
            }
            #menuhor a {
                float: center;
                display: block;
                width: 210px;
                text-align: center;
                color: #FFF;
                text-decoration: line-through;
                padding: 1px;
                line-height: 3.1;
                border-right: 3px solid gray;

            }
            #menuhor a:hover{
                background: #DEB887;
            }

        </style>

    </head>
    <body style="background-image:'image/a.jpg'">
        <div id="main">

            <center><img alt="cover" src="image/banner.jpg" width="865" height="420"></center><br><hr>

            <div id="menuhor">

                <li> <a href="Cari.jsp"> CARI </a></li>
                <li> <a href="HOME.jsp"> LOGOUT </a></li>

            </div>
            <hr>
            <br><br>
            <%
                for (int idx = 0; idx < vCatalog.size(); idx++) {

            %>
            <br> <br>
            <table>
                <tr>
                    <td rowspan="7"><img src="<%= vCatalog.get(idx).getCover()%>" height="280px" width="200px" ></td>

                </tr>
                <tr>
                    <td> Judul  : <%= vCatalog.get(idx).getJudul_Artikel()%></td>
                </tr>
                <tr>
                    <td> <A href="pdf?document=<%= vCatalog.get(idx).getFileUpload()%>" onclick="foo(this, event)" onkeypress="foo(this, event)">Baca Buku Ini</A></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                </form>
                </tr>
            </table>
            <%
                }
            %>

        </h3>

        <br><br>
        </body>
        </html>
